<template>
  <div class="home">
    <home-sidebar></home-sidebar>
    <div class="content">
      <home-header></home-header>
      <home-main></home-main>
    </div>
  </div>
</template>

<script>
import HomeSidebar from '../components/Sidebar'
import HomeHeader from '../components/Header'
import HomeMain from '../components/Main'
export default {
  name: 'Home',
  components: {
    HomeSidebar,
    HomeHeader,
    HomeMain
  }
}
</script>

<style lang="less" scoped>
  .home {
    display: flex;
    flex-direction: row;
    height: 100%;
    .content {
      flex-grow: 1;
      height: 100%;
    }
  }
</style>
